@extends('frontend/layouts/default')
@section('title')
{{ $data['blog']->title }}
@stop
@section('header2')
@include('frontend/blogs/includes/menu-blog',array('categories'=>$data['categories']))
@stop
@section('content')
<!--content left-->
<div class="width615 FL">
    <!--feature-->
    <div>
        <div class="news-blog">
            <div>
                <div class="list-news-bl">
                    <ul style="margin:-20px 0 0 5px">
                        <li>
                            <div>
                                <h1 class="font21 color55">
                                    <a href="{{ route('detail-blog',array('id'=>$data['blog']->id,'slug'=>$data['blog']->slug))}}">
                                        {{ $data['blog']->title }}
                                    </a>
                                </h1>

                                <div class="color66 font12">
                                    Đăng {{date('d/m/Y',strtotime($data['blog']->created_at)) }} vào
                                    {{date('H:i',strtotime($data['blog']->created_at))}}
                                </div>
                                <div class="MgT7 overH">
                                    <div class="listcomment FL">
                                        <span class="number">465</span>
                                        <span>Bình luận</span>
                                    </div>
                                    <div class="FL MgL5">
                                        <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
                                    </div>
                                </div>
                                <div class="items-news">
                                    <?= $data['blog']->content ?>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--feature end-->
    </div>
    <div class="MgT20 comment-face">
        <div class="title">
            <label>Bình luận</label>
        </div>
        <div id="tabs">
            <ul class="nav nav-tabs" role="tablist">
                <li class="active"><a href="#tabs-1" role="tab" id="tabs-1-tab" data-toggle="tab">Bằng Facebook</a></li>
<!--                <li><a href="#tabs-2" role="tab" id="tabs-2-tab" data-toggle="tab">Bằng tài khoản Trường đời</a></li>-->
            </ul>
            <div class="tab-content">
                <div id="tabs-1">
                    <div id="fb-root"></div>
                    <div class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/"
                         data-width="810" data-numposts="5" data-colorscheme="light"></div>
                </div>
                <div id="tabs-2">

                </div>
            </div>

        </div>
    </div>
</div>
<!--end content left-->
<!--content middle-->
<div class="width195 FL">
    <div class="news-sub">
        @include('frontend/blogs/includes/new-blog',array('blogs'=>$data['new_blog']))
    </div>
    <div class="news-sub MgT20">
        <label class="MgL5">Các từ chuyên môn
            xuất hiện trong bài viết</label>
        <ul>
            <li>
                <div class="items-list-news-sub FL"><a href="#">Quạt chả</a></div>
            </li>
            <li>
                <div class="items-list-news-sub FL"><a href="#">Guitar</a></div>
            </li>
            <li>
                <div class="items-list-news-sub FL"><a href="#">Điệu Valse</a></div>
            </li>
            <li>
                <div class="items-list-news-sub FL"><a href="#">trường độ</a></div>
            </li>
        </ul>
    </div>
    <div class="news-sub MgT20">
        <label class="MgL5">Các từ khóa (tags)</label>

        <div class="tags MgL5">
            <a href="#">Quạt chả</a>
            <a href="#">Guitar</a>
            <a href="#">trường độ</a>
            <a href="#">Điệu Valse</a>
        </div>
    </div>
</div>
<!--content middle end-->
<!--content right-->
<div class="default-width-right">
    <!--adv-->
    <div class="box-adv-right">
        <div class="adv-rectang">
            <a href="#"><img src="../images/adv.jpg" alt=""></a>
        </div>
    </div>
    <!--end adv-->
    <!--give mail-->
    <div class="MgT20">
        <div class="box-right">
            <div class="title-box">
                Gương mặt quán quân
            </div>
            <div class="ct-box border-B-G">
                <div class="bx-give-mail">
                    <div class="icon-give-mail">&nbsp;</div>
                    <div class="content-give-mail font12 color55">Bạn sẽ nhận được từ chúng tôi những tin mới nhất về
                        guitar trong nước cũng như thế giới.
                    </div>
                    <div class="bx0in">
                        <input class="FL" type="text"
                               onfocus="javascript:if(this.value=='Nhập email của bạn'){this.value='';}"
                               onblur="javascript:if(this.value==''){this.value='Nhập email của bạn';};"
                               value="Nhập email của bạn" name="username"/>
                        <input class="FL" type="submit" value="Gửi">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--give mail end-->
    <!--Đọc nhiều nhất-->
    <div class="MgTB20">
        @include('frontend/blogs/includes/view-blog',array('blogs'=>$data['views_blog']))
    </div>
    <!--Đọc nhiều nhất end-->

</div>
<!--end content right-->
@stop